/**----------------- 原始設定 ---------------------**/html {	width:100%;	height: 100%;	margin: 0;	padding: 0;}body {	width:100%;	min-height: 100%;	margin: 0;	padding: 0;	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;	word-wrap: break-word;/*英文換行*/	word-break: normal;/*英文換行*/	/*overflow: auto;*/	}/*input, textarea {	color: #555;	border: 1px solid #999999;	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;}*//*@font-face {  font-family:'MGentleHK-Light';  src: url('http://www1.suntravel.com.tw/ad_temp/test-use/asa2015/pktravel/bali/MGentleHK-Light.otf') format("opentype");}*//**---------- 頁框1 ----------**/.wrapper {	width: 100%;	position: relative;	margin-bottom:70px;	background: url(../images/top_nav.jpg) #FFFFFF top repeat-x;	overflow:hidden;}/**---------- 頁框2 ----------**/.wrap {	position: relative;	width: 1050px;	margin: 0px auto;	padding: 0;	background-color:#993300;}/*----- 抬頭與banner end -----*/.header {	float:left;	width:100%;	min-height: 85px;	padding: 0px;	position: relative;}.header .boxA {	width: 1050px;	padding: 0px;	margin: 0 auto;	text-align: right;	position: relative;}.Nav {	float:left;	width: 100%;	height: 25px;	line-height: 25px;	color: #FFFFFF;	font-size: 14px;}.Nav a {	color: #FFFFFF;	text-decoration: none;}.Logo {	float: left;	width: 150px;	height: 60px;}.Menu {	float: left;	width: 400px;	height: 60px;	font-size: 16px;	line-height: 60px;	margin-left: 500px;}.Menu a {	color: #333333;	text-decoration: none;}/*.header .layoutNav{    max-width:1280px;	margin:0 auto;	padding:0px;	position: relative;	z-index:1;}.header .layoutNav .Nav li{	float: left;	width:90px;	height:116px;	margin:0;	padding:0;	position: relative;	z-index:1;}.rm-nav {    letter-spacing: 1px;}.rm-toggle.rm-button {    margin-top: 25px;}.rm-css-animate.rm-menu-expanded {    max-height: none;    display: block;}.rm-container.rm-layout-expanded {	max-width:600px;    float: right;}.brand {	float:left;	height:116px;}.brand p {    margin: 0;}*//**---------- 頁面設定 ----------**/.slider {	float:left;	width: 100%;	margin: 0;	position: relative;}.slider img {	width: 100%;	height: auto;	position: relative;}.slider .bannerA {	width: 1050px;	margin: 0 auto;	position: relative;}.slider .bannerA img {	width: 100%;	height: auto;	position: relative;}/*----- 抬頭與banner end -----*//*----- 首頁設定 -----*//**---------- 廣告設定 ----------**/.billing {	float:left;	width: 100%;	background: url(../images/ad2.jpg) repeat-x;	position: relative;}.billing .boxA {	width: 1050px;	background: url(../images/adbg.jpg) top no-repeat;	margin: 0 auto;	position: relative;}.seoH {	float: left;	width: 600px;	padding: 15px 30px 0 20px;	position: relative;}.seoH .titleH {	float: left;	width:100%;	padding: 0;	position: relative;}.seoH .titleH img{	width:100%;	height: auto;}.seoH .textH {	float: left;	width:100%;	font-size: 14px;	line-height: 24px;	padding: 0;	color: #999999;	position: relative;}.seoH .iconH {	float: left;	width: 340px;	font-size: 14px;	line-height: 24px;	padding: 0 0 0 260px;	color: #999999;	position: relative;}.seoH .iconH img {	float: left;}.seoNO1 {	float: left;	width: 400px;	position: relative;}.seoNO1 img{	float: left;	width:100%;	height:auto;	position: relative;}.serverH {	float: left;	width: 505px;	padding-left: 20px;	background-color:#FFFFFF;}.serverH .titleH2 {	float: left;	width:100%;	height: 65px;	line-height: 65px;	font-size: 21px;	font-weight: bold;	background: url(../images/icon_01.jpg) left no-repeat;}.serverH li {	float: left;	width:100%;	height: 95px;	padding: 20px 0;	list-style: none;}.serverH li .iconS {	float: left;	width: 95px;	height: 95px;	padding-right: 20px;}.serverH li .textS {	float: left;	font-size: 15px;	line-height: 18px;	color: #666666;}.serverH li .textS h1 {	font-size: 18px;	line-height: 35px;	color: #333333;}.serverH li .textS h1 a{	color: #333333;	text-decoration:none;}.rankingH {	float: left;	width: 525px;	background-color:#FFFFFF;}.rankingH .titleH2 {	float: left;	width:98%;	height: 65px;	line-height: 65px;	padding-left: 20px;	font-size: 21px;	font-weight: bold;	background: url(../images/icon_01.jpg) left no-repeat;}.rankingH .columnH {	float: left;	width:100%;}.rankingH .columnA .imgH {	float: left;	width:100%;}.rankingH .columnA .imgH img{	width:100%;	height: auto;}.rankingH .columnA .txtH {	float: left;	width:100%;	padding: 10px 0;	font-size: 14px;	line-height: 18px;	color: #666666;	border-bottom: 1px solid #999999;}.rankingH ul {	float: left;	width:100%;	list-style: none;}.rankingH li {	float: left;	width:98%;	padding: 5px 0 5px 20px;	font-size: 15px;	line-height: 18px;	list-style: none;	background: url(../images/icon_02.jpg) 0 12px no-repeat;	color: #999999;}.rankingH .share li{	background-position: -7px 29px;	    float: right;}.rankingH li a {	color: #999999;	text-decoration: none;}.rankingH .share li a img {	width: 10%;}.rankingH li h1 {	font-size: 18px;	line-height: 35px;	color: #333333;}.rankingH li h1 a{	color: #333333;	text-decoration:none;}.rankingH li p{}/**---------- 內容設定 ----------**/.Main {	float:left;	width: 100%;	margin: 0 auto;	position: relative;}.container {	width: 1050px;	margin: 0 auto;	background:url(../images/mbg.jpg) right repeat-y;	position: relative;	overflow:hidden;}.content {	float: left;	width: 860px;}.content .title {	overflow:hidden;	float: left;	width: 860px;}.content .title2 {	float: left;	width: 860px;}.htmltext {	float: left;	width: 860px;	line-height:32px;	font-size: 15px;	margin:0 0 20px 0;}.htmltext .picA{	width:600px;	margin:0 auto;}.htmltext .picA img{	width:100%;	height:auto;}.htmltext img{	width:100%;	height:auto;}.qalayout {	float: left;	width: 860px;	line-height:32px;	font-size: 15px;	margin:0 0 20px 0;}.qalayout ul, .qalayout li {	margin: 0;	padding: 0;	list-style: none;}.qalayout h3 {	width: 500px;	height: 22px;	text-indent: -9999px;}.qalayout h3.qa_group_1 {	background: url(../images/qa_group_1.gif) no-repeat 17 -20px;}.qalayout h3.qa_group_2 {	background: url(../images/qa_group_2.gif) no-repeat;}.qalayout ul.accordionPart {	margin: 10px 10px 50px 30px;}.qalayout ul.accordionPart li {	border-bottom: solid 1px #e3e3e3;	padding-bottom: 12px;	margin-top: 12px;}.textQ {	float:inherit;	margin-left: 35px;	margin-top: -28px;	/*color: #1186ec;*/	color:#F76566;	cursor: pointer;}.imgQ {	background: url(../images/icon_q_a.gif) no-repeat 10px 0px;	height:20px;}.imgA {	float:inherit;	margin-left: 15px !important;}.qalayout ul.accordionPart li .qa_title_on {	text-decoration: underline;}.qalayout ul.accordionPart li .qa_layout {	margin: 6px 0 0;	background: url(../images/icon_q_a.gif) no-repeat 0px -14px;	padding-left: 28px;	color: #666;	/* 不知道為什麼成是老是會抓錯! 抓到 News 的 css */ 	width: 90% !important; }.listBoxA {	float: left;	width: 860px;	line-height: 21px;	font-size: 15px;}.listBoxA li{	float: left;	width:180px;	list-style:none;	padding: 0 53px;}.contect {	float: left;	width: 570px;	margin:0 220px 125px 220px;	padding:10px;	border:5px solid #333333;	line-height: 21px;	font-size: 15px;}.contect .columnB {	float:left;	width: 190px;	/* 圖片的寬 + 邊框寬度 * 2 */	overflow: hidden;}/**************************************************************************************/.column .arrowsB {	float: right;	white-space: nowrap;}.column .arrowsB a {	float: left;	display: inline;	width: 22px;	height: 22px;	background: url(../images/arrows.png) no-repeat left top;}.column .arrowsB p {	float: left;	display: inline;}.newsB {	width:190px;	/* 圖片的寬 */	height:120px;		overflow: hidden;	position: relative;	margin-bottom: 5px;	/*border: 1px solid #ccc;*/}.newsB ul, .newsB li {	list-style: none;	margin: 0;	padding: 0;}.newsB ul {	position: absolute;}.newsB ul {	position: absolute;}.newsB ul li {	float: left;	width:190px;	height:24px;}.newsB ul li .textN{	float: left;	width:170px;	height:24px;	line-height:24px;	font-size:14px;	padding-left:20px;	background:url(../images/news.jpg) no-repeat;}.newsB ul li .textN a{	color:#000;	text-decoration:none;}.newsB ul li .textN{	color:#333;	text-decoration:none;}/**************************************************************************************/.column {	float:left;	width: 190px;	/* 圖片的寬 + 邊框寬度 * 2 */	background-color:#F9F9F9;	overflow: hidden;}.column a img {	border: none;	vertical-align: middle;}.news {	width:190px;	/* 圖片的寬 */	height:120px;		overflow: hidden;	position: relative;	margin-bottom: 5px;	/*border: 1px solid #ccc;*/}.newstitle {	float: left;	width:100%;	height:24px;	font-size:15px;	color:#F76566;	padding:0 0 0 10px;	margin:	10px 0 10px 0;	background:url(../images/titleN.jpg) left no-repeat;}.news ul, .news li {	list-style: none;	margin: 0;	padding: 0;}.news ul {	position: absolute;}.news ul {	position: absolute;}.news ul li {	float: left;	width:190px;	height:24px;}.news ul li .textN{	float: left;	width:170px;	height:24px;	line-height:24px;	font-size:14px;	padding-left:20px;	background:url(../images/news.jpg) no-repeat;}.news ul li .textN a{	color:#000;	text-decoration:none;}.news ul li .textN{	color:#333;	text-decoration:none;}/*.column .arrows {	float: right;}.column .arrows a {	float: left;	width: 22px;	height: 22px;	background: url(../images/arrows.png) no-repeat left top;}.column a.next {	margin-left: -1px;	background-position: right top;}*/.column .arrows {	float: right;	white-space: nowrap;}.column .arrows a {	float: left;	display: inline;	width: 22px;	height: 22px;	background: url(../images/arrows.png) no-repeat left top;}.column .arrows p {	float: left;	display: inline;}.column a.next {	margin-left: -1px;	background-position: right top;}.column .caption {	float: left;	width:190px;		/* 區塊的寬 - .arrows 的寬(44) */	overflow: hidden;	/* 避免文字太長 */	color: #666;	font-size: 13px;	line-height: 22px;	/* .arrows a 的高 */}.contect table{	width:100%;	/*border:1px solid #b3d788;*/	border-collpase:collpase;	margin:0;	padding: 0;}.contect tr{	border-bottom: 1px solid #CCCCCC;	font-size: 15px;	line-height: 50px;	margin: 0;	padding: 0;    vertical-align:text-top;}.contect td {	/*border:1px solid #b3d788;*/	line-height:50px;	margin:0;	padding: 0;}.contect th {	/*border:1px solid #b3d788;*/	font-size:15px;	font-weight:bold;	line-height:50px;	background-color:#b3d788;	margin:0;	padding:0 5px;}.contect th a{	color:#000;	text-decoration: underline;}.contect th a:hover{	color:#03F;	text-decoration: underline;}.contect table .t20{	float:left;	width:20%;	text-align:center;	margin:0;	padding: 0;}.contect table .t80{	float:left;	width:80%;	margin:0;	padding: 0;}.contect table .t40{	float:left;	width:40%;	margin:0;	padding: 0;}.contect table .t30{	float:left;	width:30%;	margin:0;	padding: 0;}input[type="text"] {	color: #555;	height:30px;	width:100%;	border: 1px solid #FFF;	background-color:#FAFAFA;	margin:10px 0;	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;}textarea{	color: #555;	width:100%;	height:70px;	border: 1px solid #FFF;	margin:10px 0 0 0;	background-color:#FAFAFA;	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;}input[type="button"] {	color: #555;	height:40px;	width:150px;	background-color:#666666;	color:#FFFFFF;	border: 1px solid #FFF;	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;}input[type="submit"] {	color: #555;	height:40px;	width:150px;	background-color:#666666;	color:#FFFFFF;	border: 1px solid #FFF;	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;}input[type="reset"] {	color: #555;	height:40px;	width:150px;	background-color:# CCC;	color: #333333;	border: 1px solid #FFF;	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;}.color1{ color:#ff007e}/*--------- 底部資訊設定 -----------*/footer {	float:left;	width: 100%;	background: #f3f3f3;}.Footer {	width: 1050px;	margin: 0 auto;}.Footer .copyright {	float: left;	width: 400px;	height: 100px;	line-height: 25px;	font-size: 14px;	margin:20px 0 0 0;}.Footer .share {	float: right;	height: 100px;	margin:20px 0 0 0;}/*.Footer .share li {	float: left;	width: 40px;	height: 100px;}*//* @media (max-width: 1920px) {}@media (max-width: 1280px) {}@media (max-width: 1024px) {}@media (max-width: 768px) {} @media screen and (min-width: 480px) and (max-width: 667px) {}@media screen and (min-width: 0px) and (max-width: 480px) {}*//* Anson gmap start*/.map iframe {	width:80%;}/* Anson gmap end*//* 首頁 news */.indexhot * {	width:90%;}/*  */.qalayout * {	width: 90% !important;}